{% extends 'base.html' %}
{% load static %}
{% load comments_extras %}
{% load blog_extras %}
{% load diary_extras %}


              {% block singleCss %}
               <link rel="stylesheet" href="{% static 'blog/css/editormd.preview.css' %}">
<style type="text/css">
  .post-like:hover .bi-heart-fill{
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
/*    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.15);
    box-shadow: 0 3px 3px rgba(0,0,0,.15);*/
}
</style>
              {% endblock singleCss %}  









              {% block coverflow %}

     
              <div class="showBox"> 
                <div class="current">
                  <div class="detail-page" style="background-image: url({% if post.title_url %}{{ post.title_url }}{% else %}{% static 'blog/img/title/none.png' %}{% endif %});">
                    <div class="container flex-row-middle coverflow1">
                      <div class="detail-content flex-column-middle">
                        <div class="category">{{ post.category.name }}</div>
                        <h1>{{ post.title }}</h1>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

            
                  {% endblock coverflow %}  

















          {% block main %}



            <div class="col-xs-12">
              <div class="row postLists">
                <div class="toggle_sidebar"  data-original-title="切换边栏">
                  <svg id="bi-chevron-right" class="bi bi-chevron-right" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L10.293 8 4.646 2.354a.5.5 0 010-.708z" clip-rule="evenodd"></path>
                  </svg>
                  <svg id="bi-chevron-left" class="bi bi-chevron-left" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 010 .708L5.707 8l5.647 5.646a.5.5 0 01-.708.708l-6-6a.5.5 0 010-.708l6-6a.5.5 0 01.708 0z" clip-rule="evenodd"></path>
                  </svg>
                </div>

                <div class="article_wrapper post clearfix">
                  <div class="meta">
                    <span class="inline-block">
                      <svg class="bi bi-people-circle" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="margin: -3px 0 0 0;">
                        <path d="M13.468 12.37C12.758 11.226 11.195 10 8 10s-4.757 1.225-5.468 2.37A6.987 6.987 0 008 15a6.987 6.987 0 005.468-2.63z"></path>
                        <path fill-rule="evenodd" d="M8 9a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"></path>
                        <path fill-rule="evenodd" d="M8 1a7 7 0 100 14A7 7 0 008 1zM0 8a8 8 0 1116 0A8 8 0 010 8z" clip-rule="evenodd"></path>
                      </svg>
                      {{ post.author }} · {{ post.created_time }}
                    </span>
                    <span class="inline-block">
                      <svg class="bi bi-droplet-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="margin: -4px 0 0 16px;">
                        <path fill-rule="evenodd" d="M8 16a6 6 0 006-6c0-1.655-1.122-2.904-2.432-4.362C10.254 4.176 8.75 2.503 8 0c0 0-6 5.686-6 10a6 6 0 006 6zM6.646 4.646c-.376.377-1.272 1.489-2.093 3.13l.894.448c.78-1.559 1.616-2.58 1.907-2.87l-.708-.708z" clip-rule="evenodd"></path>
                      </svg>
                        {% for tag in post.tags.all  %}
                        <a href="{% url 'blog:tag' tag.pk %}" rel="tag">{{ tag.name }}</a>
                          {% if forloop.last %}  {% else%} · {%  endif%}
                        {% empty %}
                        <a href="#">暂无标签</a> 
                        {% endfor %}
                      </span>
                    <span class="inline-block">
                      <svg class="bi bi-eye-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="    margin: -4px 4px 0 16px;">
                        <path d="M10.5 8a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z"></path>
                        <path fill-rule="evenodd" d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 100-7 3.5 3.5 0 000 7z" clip-rule="evenodd"></path>
                      </svg>{{ post.views }}次已读</span>
                  </div>

                  <article class="clearfix">

                          {{ post.body|safe }}

                  </article>
                  <div class="share-modal"  style="padding-top: 10px;text-align: center;">
                    <a href="javascript:js_like()" id="like_content" class="post-like like favorite " style="text-align:center;cursor:  pointer;">
                        <svg class="bi bi-heart-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="font-size: 35px; color: #738192;transition: 0.2s;">
                          <path fill-rule="evenodd" d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z" clip-rule="evenodd"></path>
                        </svg>
                       <span class="count number" id="like_content2" style="display:  block;font-size: 14px;margin-top: 4px;">
                         喜欢的话，点个赞吧！
                       </span></a>
                  </div>
                </div>



                <div class="relate-posts clearfix">
                  <div class="post-model">
                    <i class="far fa-star"></i>相关文章</div>
                  <div class="posts clearfix">

                    {% for post in relatedPost %}
                    <div class="single-post-container col-lg-3 col-sm-4 col-xs-6">
                      <div class="single-post relate">
                        <a href="{{ post.get_absolute_url }}">
                          <div class="thumb_img" style="background-image:url({% static 'blog/img/cover/deep_love_category.jpg' %});">
                            <div class="meta flex-center">
                              <h3>{{ post.title }}</h3>
                              <span class="date">{{ post.ccreated_time }}</span></div>
                          </div>
                        </a>
                      </div>
                    </div>
                    {% empty %}
                    <div class="no-post">暂时还没有发布的文章！</div>

                    {% endfor  %}

                  </div>
                </div>



                <div id="comments">
                  <div class="post-model">
                    <i class="far fa-comment-alt"></i>{{ post.comment_set.count }} 条回应</div>
                  <!-- 评论输入框 -->
                  <div id="respond" class="comment-respond-main comment-respond clearfix">
                  
                      {% show_comment_form post %}



                  </div>
                  <!-- 评论列表 -->


                    
                    {% show_comments post %}




                </div>

              </div>
              </div>
            </div>
          {% endblock main %}  















          {% block toc %}

            <div id ="sidebar1" class="sidebar sidebar-affix affix-top" style="position:  relative;">
             <div manual-template="sidebarMenu">
              <div pandatab="" class="sidebarMenu" active-class=".active" sub-trigger="click" sub-class=".sub-menu">
               <ul class="menu">
                <li class="anchor" style="position: absolute; left: 1px; width: 38px; opacity: 1;"></li>
                <li id="menu-id0" show-on-single="" show-on-page="" class="active"><a class="directory-3" data-toggle="tooltip" data-placement="auto top" title="" data-original-title="文章目录">
                  <svg class="bi bi-book-half " width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" d="M3.214 1.072C4.813.752 6.916.71 8.354 2.146A.5.5 0 018.5 2.5v11a.5.5 0 01-.854.354c-.843-.844-2.115-1.059-3.47-.92-1.344.14-2.66.617-3.452 1.013A.5.5 0 010 13.5v-11a.5.5 0 01.276-.447L.5 2.5l-.224-.447.002-.001.004-.002.013-.006a5.017 5.017 0 01.22-.103 12.958 12.958 0 012.7-.869zM1 2.82v9.908c.846-.343 1.944-.672 3.074-.788 1.143-.118 2.387-.023 3.426.56V2.718c-1.063-.929-2.631-.956-4.09-.664A11.958 11.958 0 001 2.82z" clip-rule="evenodd"></path>
                    <path fill-rule="evenodd" d="M12.786 1.072C11.188.752 9.084.71 7.646 2.146A.5.5 0 007.5 2.5v11a.5.5 0 00.854.354c.843-.844 2.115-1.059 3.47-.92 1.344.14 2.66.617 3.452 1.013A.5.5 0 0016 13.5v-11a.5.5 0 00-.276-.447L15.5 2.5l.224-.447-.002-.001-.004-.002-.013-.006-.047-.023a12.582 12.582 0 00-.799-.34 12.96 12.96 0 00-2.073-.609z" clip-rule="evenodd"></path>
                  </svg></a></li>
                <li id="menu-id1" show-on-home="" show-on-single="" show-on-archive="" show-on-page="">
                  <a class="about-me-3" data-toggle="tooltip" data-placement="auto top" title="" data-original-title="关于我">
                    <svg class="bi bi-person-fill " width="1.3em" height="1.3em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"></path>
                    </svg>
                  </a>
                </li>
                <li id="menu-id2" show-on-page="" show-on-archive="" show-on-single="" show-on-home="">
                  <a class="tuijian-3" data-toggle="tooltip" data-placement="auto top" title="" data-original-title="文章推荐">
                    <svg class="bi bi-gem " width="1.2em" height="1.2em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" d="M3.1.7a.5.5 0 01.4-.2h9a.5.5 0 01.4.2l2.976 3.974c.149.185.156.45.01.644L8.4 15.3a.5.5 0 01-.8 0L.1 5.3a.5.5 0 010-.6l3-4zm11.386 3.785l-1.806-2.41-.776 2.413 2.582-.003zm-3.633.004l.961-2.989H4.186l.963 2.995 5.704-.006zM5.47 5.495l5.062-.005L8 13.366 5.47 5.495zm-1.371-.999l-.78-2.422-1.818 2.425 2.598-.003zM1.499 5.5l2.92-.003 2.193 6.82L1.5 5.5zm7.889 6.817l2.194-6.828 2.929-.003-5.123 6.831z" clip-rule="evenodd"></path>
                    </svg>
                  </a></li>
               </ul>
              </div>
             </div>

             <!-- 下面这个div 的 height 的数值是自动变化的 -->

             <div id="auto-height-0" manual-template="sidebar" style="overflow: hidden;"> 
              <div class="custom-scrollbar-wrapper" style="position: relative;">

              <!-- 下面这个div 的 height 的数值是自动变化的 -->

               <div id="auto-height-1" class="custom-scrollbar-content-wrapper" style="overflow: auto; width: 150%; position: relative; ">
                <div class="custom-scrollbar-content" style="">
                 <aside id="sidebar-0" class="sidebar" style="">
                  <h2 class="widgettitle">文章目录</h2>

                  {{ post.toc|safe }}

<!--                   <div class="post_nav">
                   <ul class="nav" role="tablist">
                    <li class="h2_nav"><a href="#h2-0" class="h_nav" title=" 安装Node"> 安装Node</a></li> 
                    <li class="h2_nav"><a href="#h2-1" class="h_nav" title=" 准备开发环境"> 准备开发环境</a></li> 
                    <li class="h2_nav"><a href="#h2-2" class="h_nav" title=" PHP引入脚本"> PHP引入脚本</a></li> 
                    <li class="h2_nav"><a href="#h2-3" class="h_nav" title=" 开始编写Gutenberg边栏"> 开始编写Gutenberg边栏</a></li> 
                    <li class="h3_nav"><a href="#h3-4" class="h_nav" title=" 注册Meta元数据"> 注册Meta元数据</a></li> 
                    <li class="h3_nav"><a href="#h3-5" class="h_nav" title=" 其他优化"> 其他优化</a></li> 
                    <li class="h3_nav"><a href="#h3-6" class="h_nav" title="总结">总结</a></li> 
                    <li class="h2_nav"><a href="#h2-7" class="h_nav" title="关于本文的其它说明">关于本文的其它说明</a></li> 
                    <li class="h2_nav"><a href="#h2-8" class="h_nav" title="参考文献">参考文献</a></li> 
                   </ul>
                  </div> -->
                 </aside>
                 <aside id="sidebar-1" class="sidebar" style="display: none;">
                  <ul class="widget-list">
                  <li class="widget pf_user_info"> 
                       <div class="authorImg" style="background-image: url({% static 'blog/img/head_img.jpg' %});"></div> 
                       <div class="meta"> 
                        <div class="name">
                         Asa
                        </div> 
                        <div class="description">
                          独属于我自己的个人小屋
                        </div> 
                       </div> </li>
                       <li id="pf_tag_cloud-widget-2" class="widget pf_tag_cloud"> <h2 class="widgettitle">关注我</h2> 
                         <ul class="link"> 
                          <li> <a href="#" target="_blank">
                            <svg class="bi bi-eye" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                              <path fill-rule="evenodd" d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.134 13.134 0 001.66 2.043C4.12 11.332 5.88 12.5 8 12.5c2.12 0 3.879-1.168 5.168-2.457A13.134 13.134 0 0014.828 8a13.133 13.133 0 00-1.66-2.043C11.879 4.668 10.119 3.5 8 3.5c-2.12 0-3.879 1.168-5.168 2.457A13.133 13.133 0 001.172 8z" clip-rule="evenodd"></path>
                              <path fill-rule="evenodd" d="M8 5.5a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM4.5 8a3.5 3.5 0 117 0 3.5 3.5 0 01-7 0z" clip-rule="evenodd"></path>
                            </svg>
                            新浪微博</a> </li> 
                          <li> <a href="#" target="_self">
                            <svg class="bi bi-pencil" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                              <path fill-rule="evenodd" d="M11.293 1.293a1 1 0 011.414 0l2 2a1 1 0 010 1.414l-9 9a1 1 0 01-.39.242l-3 1a1 1 0 01-1.266-1.265l1-3a1 1 0 01.242-.391l9-9zM12 2l2 2-9 9-3 1 1-3 9-9z" clip-rule="evenodd"></path>
                              <path fill-rule="evenodd" d="M12.146 6.354l-2.5-2.5.708-.708 2.5 2.5-.707.708zM3 10v.5a.5.5 0 00.5.5H4v.5a.5.5 0 00.5.5H5v.5a.5.5 0 00.5.5H6v-1.5a.5.5 0 00-.5-.5H5v-.5a.5.5 0 00-.5-.5H3z" clip-rule="evenodd"></path>
                            </svg>
                            微信公众号</a> 
                          </li> 
                          <li> <a href="{% url 'comments:link' %}" target="_self">
                            <svg class="bi bi-link-45deg" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                              <path d="M4.715 6.542L3.343 7.914a3 3 0 104.243 4.243l1.828-1.829A3 3 0 008.586 5.5L8 6.086a1.001 1.001 0 00-.154.199 2 2 0 01.861 3.337L6.88 11.45a2 2 0 11-2.83-2.83l.793-.792a4.018 4.018 0 01-.128-1.287z"></path>
                              <path d="M5.712 6.96l.167-.167a1.99 1.99 0 01.896-.518 1.99 1.99 0 01.518-.896l.167-.167A3.004 3.004 0 006 5.499c-.22.46-.316.963-.288 1.46z"></path>
                              <path d="M6.586 4.672A3 3 0 007.414 9.5l.775-.776a2 2 0 01-.896-3.346L9.12 3.55a2 2 0 012.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 00-4.243-4.243L6.586 4.672z"></path>
                              <path d="M10 9.5a2.99 2.99 0 00.288-1.46l-.167.167a1.99 1.99 0 01-.896.518 1.99 1.99 0 01-.518.896l-.167.167A3.004 3.004 0 0010 9.501z"></path>
                            </svg>
                            友情链接</a> 
                          </li> 
                         </ul> </li> 

                      <li id="pf_tag_cloud-widget-3" class="widget pf_tag_cloud"> <h2 class="widgettitle">My Tags</h2> 
                          {% show_tags %}

                     </li> 
                     
                      <li id="pf_tag_cloud-widget-4" class="widget pf_tag_cloud"> <h2 class="widgettitle">导航</h2> 

                    {% show_categories %}
                    </li>
                   <li id="pf_microblog-widget-2" class="widget pf_microblog"> <h2 class="widgettitle">轻博客</h2> 
                      

                        {% show_diarys %}


                     </li>
                     </ul>
                    </aside>
                    <aside id="sidebar-2" class="sidebar" style="display: none;">
                     <ul class="widget-list">
                      <li id="pf_hotposts-widget-2" class="widget pf_hotposts"><h2 class="widgettitle">大家喜欢</h2>


                        {% show_most_likes %}



                     </li>
                      <li id="pf_hotposts-widget-3" class="widget pf_hotposts"><h2 class="widgettitle">最近评论</h2>


                        {% show_most_time_comments %}


                     </li>
                     </ul>
                 </aside>
                </div>
               </div>
               <div class="custom-scrollbar-track" style="width: 6px; background-color: transparent; position: absolute; top: 0px; height: 100%; display: block; right: 0px;">
                <div class="scrollBar-background ui-draggable ui-draggable-handle" style="width: 6px; background-color: rgba(31, 45, 61, 0.2); position: absolute; right: 0px; height: 382.939px; top: 0px;"></div>
               </div>
              </div>
             </div>
            </div>





          {% endblock toc %}  




















          {% block other %}

      <div id="popover_guests" class="popover fade top in hidden" style="">
        <div class="arrow" style="left: 50%;"></div>
        <h3 class="popover-title">* 昵称与邮箱为必填项</h3>
        <div class="popover-content">
          <div class="popover_guests">
            <p>
            <label>
              <svg class="bi bi-person-bounding-box" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M1.5 1a.5.5 0 00-.5.5v3a.5.5 0 01-1 0v-3A1.5 1.5 0 011.5 0h3a.5.5 0 010 1h-3zM11 .5a.5.5 0 01.5-.5h3A1.5 1.5 0 0116 1.5v3a.5.5 0 01-1 0v-3a.5.5 0 00-.5-.5h-3a.5.5 0 01-.5-.5zM.5 11a.5.5 0 01.5.5v3a.5.5 0 00.5.5h3a.5.5 0 010 1h-3A1.5 1.5 0 010 14.5v-3a.5.5 0 01.5-.5zm15 0a.5.5 0 01.5.5v3a1.5 1.5 0 01-1.5 1.5h-3a.5.5 0 010-1h3a.5.5 0 00.5-.5v-3a.5.5 0 01.5-.5z" clip-rule="evenodd"></path>
                <path fill-rule="evenodd" d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"></path>
              </svg>
            </label>
            <input v-model="comment_author" class="comment-input" placeholder="昵称">
            </p>
            <p>
            <label>
              <svg class="bi bi-envelope" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" d="M14 3H2a1 1 0 00-1 1v8a1 1 0 001 1h12a1 1 0 001-1V4a1 1 0 00-1-1zM2 2a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2V4a2 2 0 00-2-2H2z" clip-rule="evenodd"></path>
                <path fill-rule="evenodd" d="M.071 4.243a.5.5 0 01.686-.172L8 8.417l7.243-4.346a.5.5 0 01.514.858L8 9.583.243 4.93a.5.5 0 01-.172-.686z" clip-rule="evenodd"></path>
                <path d="M6.752 8.932l.432-.252-.504-.864-.432.252.504.864zm-6 3.5l6-3.5-.504-.864-6 3.5.504.864zm8.496-3.5l-.432-.252.504-.864.432.252-.504.864zm6 3.5l-6-3.5.504-.864 6 3.5-.504.864z"></path>
              </svg>
            </label>
            <input v-model="comment_email" class="comment-input" placeholder="邮箱">
            </p>
            <p>
            <label>
              <svg class="bi bi-geo" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                <path d="M11 4a3 3 0 11-6 0 3 3 0 016 0z"></path>
                <path d="M7.5 4h1v9a.5.5 0 01-1 0V4z"></path>
                <path fill-rule="evenodd" d="M6.489 12.095a.5.5 0 01-.383.594c-.565.123-1.003.292-1.286.472-.302.192-.32.321-.32.339 0 .013.005.085.146.21.14.124.372.26.701.382.655.246 1.593.408 2.653.408s1.998-.162 2.653-.408c.329-.123.56-.258.701-.382.14-.125.146-.197.146-.21 0-.018-.018-.147-.32-.339-.283-.18-.721-.35-1.286-.472a.5.5 0 11.212-.977c.63.137 1.193.34 1.61.606.4.253.784.645.784 1.182 0 .402-.219.724-.483.958-.264.235-.618.423-1.013.57-.793.298-1.855.472-3.004.472s-2.21-.174-3.004-.471c-.395-.148-.749-.336-1.013-.571-.264-.234-.483-.556-.483-.958 0-.537.384-.929.783-1.182.418-.266.98-.47 1.611-.606a.5.5 0 01.595.383z" clip-rule="evenodd"></path>
              </svg>
            </label>
            <input v-model="comment_url" class="comment-input" placeholder="网站">
            </p>
          </div>
        </div>
      </div>
    
   {% show_commentReply_form 1 %}

          {% endblock other %}  











              {% block singleJs %}











                 <script src="https://cdn.bootcss.com/highlight.js/9.15.8/highlight.min.js"></script>
                <script src="https://cdn.bootcss.com/highlightjs-line-numbers.js/2.7.0/highlightjs-line-numbers.min.js"></script>
                <script>
                  hljs.initHighlightingOnLoad();
                  hljs.initLineNumbersOnLoad();
                  $("h2").wrap("<div class='title_style_01 favlinks_title'></div>");
                  $("blockquote").wrap("<div class='tip worning inlineBlock'></div>");

                  $(".toc").addClass("post_nav");
                  $(".toc ul").addClass("nav");


                  $(".toc ul").each(function(){
                        $(this).find("li").addClass("h2_nav");
                      });


                  //锚点跳转滑动效果
                  $('a[href*=#],area[href*=#]').click(function() {
                      if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
                          var $target = $(this.hash);
                          $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
                          if ($target.length) {
                              var targetOffset = $target.offset().top;
                              $('html,body').animate({
                                  scrollTop: targetOffset
                              }, 1000);
                              return false;
                          }
                      }
                  });




                </script>



<script type="text/javascript">
      var flag = true
      if(!flag){
                $('.bi-heart-fill').css('color','red');
                $('#like_content span').html('')

      }

  function js_like() {
    if(flag){
          $.ajax({
            url : "{% url 'blog:like' post.pk %}",//请求的 URL地址
            dataType : "json",//返回的数据类型
            success: function (data) {  
              $('.bi-heart-fill').css('color','red');
              $('#like_content span').html('');

       
            },
            error:function (data) {
                flag = false;
            }
        });
    }

};


</script>

<script>
function showCommentReplyForm(comment_id){

        $(".comment-respond-child" ).html(" ");
		$(".comment-respond-main").css("display","none");
        $('#cmtReply_form').attr('action', '/commentReply/' + comment_id);
        var html = $("#respondComment").html();
        $("#respondComment-"+ comment_id +"" ).html(html);
}

function cancelReply() {
    $(".comment-respond-main").css("display","");
    $(".comment-respond-child" ).html(" ");
}
</script>
              {% endblock singleJs %}  






